// 宽度  -> 像素 px
.widthgen(@count) when (@count > 0) {
  .widthgen((@count - 10));
  .width_@{count} {
    width: @count * 1px !important;
  }
}

.widthgen(800);

// 宽度  -> 百分比 %
.widthP_(@count) when (@count > 0) {
  .widthP_((@count - 10));
  .widthP_@{count} {
    width: @count * 1% !important;
  }
}

.widthP_(100);

//  右边距 -> 像素 px
.marginR(@count) when (@count > 0) {
  .marginR((@count - 2));
  .marginR@{count} {
    margin-right: @count * 1px !important;
  }
}

.marginR(200);

// 左边距 -> 像素 px
.marginLgen(@count) when (@count > 0) {
  .marginLgen((@count - 2));
  .marginL@{count} {
    margin-left: @count * 1px !important;
  }
}

.marginLgen(200);


//  高度 -> 像素 px
//.heigth_(@count) when (@count > 0) {
//  .heigth_((@count - 20));
//  .heigth_@{count} {
//    heigth: @count * 1px !important;
//  }
//}
//.heigth_(500);

//  icon大小 -> 像素 px
.icon(@count) when (@count > 0) {
  .icon((@count - 2));
  .icon@{count} {
    width: @count * 1px !important;
    height: @count * 1px !important;
  }
}

.icon(100);
